﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7'> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8'> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9'> <![endif]-->
<!--[if gt IE 8]><!--> <html class='no-js'> <!--<![endif]-->
<head>
	<meta charset='UTF-8'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
	<meta name='MetaComment' content='Description of site content'>
	<meta name='keywords' content='Add, keywords, here, like, so'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
	<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	<link rel='stylesheet' href='/stylesheets/normalize.css'>
	<link rel='stylesheet' href='/stylesheets/404.css'>
	<link rel='stylesheet' href='/stylesheets/recovery.css'>
	<script src='/javascripts/vendor/jquery-1.8.2.min.js'></script>
	<script src='/javascripts/vendor/modernizr-2.6.2.min.js'></script>
	<script src='/javascripts/plugins.js'></script>
	<title>MetaComment - Password Recovery</title>
	<style type="text/css">
		h1 {padding:80px 0 20px;}
		#bademail {margin-top:10px;}
	</style>
	<script type="text/javascript">
	function validate() {
		var email = $('#email').val()
		,	atpos = email.indexOf('@')
		,	dotpos = email.lastIndexOf('.');
		if (atpos < 1 || dotpos < atpos+2 || dotpos+2 > email.length || email == '' || email == null || email.length > 65 || email == 'Your e-mail address') {
			$('#bademail').animate({'opacity':'1.0','height':'20px'});
			return false;
		}
	return true;
	}
	$(document).ready(function() {
		$('input').focusin(function() {
			if ($(this).val() == "Your accoun's email address") {
				justincase = $(this).val();
				$(this).val('');
			}
		})
		.focusout(function() {
			if ($(this).val() == '') $(this).val(justincase);
		});
	});
	</script>
</head>
<body>
	<!--[if lt IE 7]>
		<p class='chromeframe'>You are using an <strong>outdated</strong> browser. Please <a href='http://browsehappy.com/'>upgrade your browser</a> or <a href='http://www.google.com/chromeframe/?redirect=true'>activate Google Chrome Frame</a> to improve your experience.</p>
	<![endif]-->
	<div id="wrapper">
		<h1>Password Recovery</h1>
		<form action='/password' method='post' onsubmit='return validate()'>
			<input type='text' class='textbox' id='email' value="Your accoun's email address" name='reset[email]'>
			<div id='bademail'>That e-mail address isn't attached to any account.</div>
			<input type='submit' class='button' value='Send me a reset link'>
		</form>
	</div>
</body>
</html>